<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Onderwijsloket - Gemeente Den Haag</title>
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/print.css" rel="stylesheet" media="print" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>

<body>
<a href="#main" title="Spring naar inhoud" class="el-accessibility">Spring naar inhoud</a>
<div id="page">
<!-- header on -->
<header class="pg-head-su">
	<nav class="pg-hd-user">
    <div class="pg-inner cf">
    	<p class="bl-hd-back"><a href="#" title="Aanvragen-overzicht">Aanvragen-overzicht</a></p>
      <p class="bl-hd-user"><strong>G. van Beveren</strong>, Bestuur Lucas Onderwijs <span><a href="#" title="Uitloggen">Uitloggen</a></span></p>
    </div>
  </nav>
  <div class="pg-hd-main">
    <div class="pg-inner cf">
      <div class="bl-hd-logo"><a href="#" title="Onderwijsloket">Onderwijsloket <span>Gemeente Den Haag</span></a></div>
      <div class="bl-hd-name">Beheer - Lucas Onderwijs</div>
    </div>
  </div>
</header>
<!-- header off -->
<!-- content on -->
<div class="pg-def">
	<div class="pg-inner cf">
  	<div class="bl-ls-ttl cf">
    	<h1>Gebruikersoverzicht</h1>
      <p class="link"><button class="bx-button bx-button-add"><span>Gebruiker toevoegen<em></em></span></button></p>
    </div>
    <div class="pg-ls-lft">
      <!-- side block on -->
      <div class="bl-ls-side">
        <h2>Filter op</h2>
        <dl>
          <dt class="open">School/instelling</dt>
          <dd class="bl-checkbox">
            <ul>
              <li><a href="#" title="‘t Palet">‘t Palet</a></li>
              <li><a href="#" title="Balans, Samenwerkingsschool">Balans, Samenwerkingsschool</a></li>
              <li><a href="#" title="Basisschool De Drie Linden">Basisschool De Drie Linden</a></li>
              <li><a href="#" title="Basisschool Statenkwartier">Basisschool Statenkwartier</a></li>
              <li><a href="#" title="Basisschool Toermalijn">Basisschool Toermalijn</a></li>
              <li><a href="#" title="Bernardusschool (SO/VSO-ZMLK)">Bernardusschool (SO/VSO-ZMLK)</a></li>
              <li><a href="#" title="De Bras R.K. Basisschool">De Bras R.K. Basisschool</a></li>
              <li><a href="#" title="De Fontein">De Fontein</a></li>
              <li><a href="#" title="De Jonge Wereld">De Jonge Wereld</a></li>
              <li><a href="#" title="De Krullevaar">De Krullevaar</a></li>
              <li><a href="#" title="De Oase">De Oase</a></li>
              <li><a href="#" title="De Octaaf">De Octaaf</a></li>
              <li><a href="#" title="De Opperd (SO-ZMOK)">De Opperd (SO-ZMOK)</a></li>
              <li><a href="#" title="‘t Palet">‘t Palet</a></li>
              <li><a href="#" title="Balans, Samenwerkingsschool">Balans, Samenwerkingsschool</a></li>
              <li><a href="#" title="Basisschool De Drie Linden">Basisschool De Drie Linden</a></li>
              <li><a href="#" title="Basisschool Statenkwartier">Basisschool Statenkwartier</a></li>
              <li><a href="#" title="Basisschool Toermalijn">Basisschool Toermalijn</a></li>
              <li><a href="#" title="Bernardusschool (SO/VSO-ZMLK)">Bernardusschool (SO/VSO-ZMLK)</a></li>
              <li><a href="#" title="De Bras R.K. Basisschool">De Bras R.K. Basisschool</a></li>
              <li><a href="#" title="De Fontein">De Fontein</a></li>
              <li><a href="#" title="De Jonge Wereld">De Jonge Wereld</a></li>
              <li><a href="#" title="De Krullevaar">De Krullevaar</a></li>
              <li><a href="#" title="De Oase">De Oase</a></li>
              <li><a href="#" title="De Octaaf">De Octaaf</a></li>
              <li><a href="#" title="De Opperd (SO-ZMOK)">De Opperd (SO-ZMOK)</a></li>
            </ul>
          </dd>
        </dl>
        <dl>
          <dt class="open">Rechten</dt>
          <dd>
            <ul>
              <li><a href="#" title="OHV">OHV <span>(5)</span></a></li>
              <li><a href="#" title="OWB">OWB <span>(4)</span></a></li>
              <li><a href="#" title="BO">BO <span>(4)</span></a></li>
              <li><a href="#" title="Schade">Schade <span>(1)</span></a></li>
              <li><a href="#" title="Verhuur">Verhuur <span>(2)</span></a></li>
              <li><a href="#" title="Busvervoer">Busvervoer <span>(2)</span></a></li>
              <li><a href="#" title="Zwem">Zwem <span>(1)</span></a></li>
              <li><a href="#" title="Afrekeningen">Afrekeningen <span>(1)</span></a></li>
            </ul>
          </dd>
        </dl>
      </div>
      <!-- side block off -->
    </div>
    <div class="pg-ls-rth">
    	<p class="bl-ls-size">4 gebruikers</p>
      <!-- action on -->
      <div class="bl-pr-action cf">
      	<ul class="bl-ls-toolbox">
          <li class="print"><a href="#" title="Printen">Printen</a></li>
          <li class="save"><a href="#" title="Downloaden">Downloaden</a></li>
        </ul>
        <p class="bl-ls-sorting">
        	<select id="tbl_sort">
          	<option>Naam (A-Z)</option>
            <option>Locatie</option>
            <option>Instelling</option>
          </select>
          <label for="tbl_sort">Sorteer op:</label>
        </p>
      </div>
      <!-- action off -->
      <!-- table on -->
      <div class="bl-pr-table">
      	<article>
        	<div class="heading cf">
          	<span class="icon user"></span>
            <h3><a href="#" title="Henk de Groot">Henk de Groot</a></h3>
            <p>Bestuur Lucas Onderwijs</p>
          </div>
          <div class="txt cf">
            <div class="ls-school">
              <dl>
                <dt>OHV</dt>
                <dd><a href="#" title="Indienen">Indienen</a></dd>
              </dl>
              <dl>
                <dt>OWB</dt>
                <dd>
                	<p><a href="#" title="Aanmaken &amp; bewerken">Aanmaken &amp; bewerken</a> <span>(5 scholen)</span></p>
                  <p><a href="#" title="Inzien">Inzien</a> <span>(10 scholen)</span></p>
                </dd>
              </dl>
              <dl>
                <dt>BO</dt>
                <dd><a href="#" title="Inzien">Inzien</a> <span>(10 scholen)</span></dd>
              </dl>
              <dl>
                <dt>Schade</dt>
                <dd><a href="#" title="Inzien">Inzien</a> <span>(4 scholen)</span></dd>
              </dl>
            </div>
            <div class="ls-school">
              <dl>
                <dt>Verhuur</dt>
                <dd><a href="#" title="Indienen">Indienen</a></dd>
              </dl>
              <dl>
                <dt>Busvervoer</dt>
                <dd><a href="#" title="Aanmaken &amp; bewerken">Aanmaken &amp; bewerken</a> <span>(5 scholen)</span></dd>
              </dl>
              <dl>
                <dt>Zwem</dt>
                <dd><a href="#" title="Indienen">Indienen</a> <span>(22 scholen)</span></dd>
              </dl>
              <dl>
                <dt>Afrekenen</dt>
                <dd><a href="#" title="Indienen">Indienen</a> <span>(5 scholen)</span></dd>
              </dl>
            </div>
          </div>
        </article>
        <article>
        	<div class="heading cf">
          	<span class="icon user"></span>
            <h3><a href="#" title="Gerard van Beveren">Gerard van Beveren</a></h3>
            <p>Bestuur Lucas Onderwijs</p>
          </div>
          <div class="txt cf">
            <div class="ls-school">
              <dl>
                <dt>OHV</dt>
                <dd><a href="#" title="Aanmaken &amp; bewerken">Aanmaken &amp; bewerken</a> <span>(6 scholen)</span></dd>
              </dl>
              <dl>
                <dt>OWB</dt>
                <dd><a href="#" title="Aanmaken &amp; bewerken">Aanmaken &amp; bewerken</a> <span>(11 scholen)</span></dd>
              </dl>
              <dl>
                <dt>BO</dt>
                <dd><a href="#" title="Indienen">Indienen</a> <span>(4 scholen)</span></dd>
              </dl>
            </div>
            <div class="ls-school">
              <dl>
                <dt>Verhuur</dt>
                <dd><a href="#" title="Aanmaken &amp; bewerken">Aanmaken &amp; bewerken</a> <span>(3 scholen)</span></dd>
              </dl>
              <dl>
                <dt>Zwem</dt>
                <dd><a href="#" title="Indienen">Indienen</a> <span>(alle scholen)</span></dd>
              </dl>
            </div>
          </div>
        </article>
        <article>
        	<div class="heading cf">
          	<span class="icon user"></span>
            <h3><a href="#" title="Martin van Landsdaele">Martin van Landsdaele</a></h3>
            <p>Bestuur Lucas Onderwijs</p>
          </div>
          <div class="txt cf">
            <div class="ls-school">
              <dl>
                <dt>OHV</dt>
                <dd><a href="#" title="Indienen">Indienen</a></dd>
              </dl>
              <dl>
                <dt>OWB</dt>
                <dd><a href="#" title="Indienen">Indienen</a></dd>
              </dl>
              <dl>
                <dt>BO</dt>
                <dd><a href="#" title="Indienen">Indienen</a> <span>(alle scholen)</span></dd>
              </dl>
            </div>
          </div>
        </article>
        <article>
        	<div class="heading cf">
          	<span class="icon user"></span>
            <h3><a href="#" title="Janekke van der Velde">Janekke van der Velde</a></h3>
            <p>OBS Vlinder</p>
          </div>
          <div class="txt cf">
            <div class="ls-school">
              <dl>
                <dt>OHV</dt>
                <dd><a href="#" title="Aanmaken &amp; bewerken">Aanmaken &amp; bewerken</a> <span>(11 scholen)</span></dd>
              </dl>
              <dl>
                <dt>OWB</dt>
                <dd><a href="#" title="Aanmaken &amp; bewerken">Aanmaken &amp; bewerken</a> <span>(5 scholen)</span></dd>
              </dl>
              <dl>
                <dt>BO</dt>
                <dd><a href="#" title="Aanmaken &amp; bewerken">Aanmaken &amp; bewerken</a> <span>(10 scholen)</span></dd>
              </dl>
            </div>
          </div>
        </article>
        <article>
        	<div class="heading cf">
          	<span class="icon user"></span>
            <h3><a href="#" title="Jaap Pols">Jaap Pols</a></h3>
            <p>OBS Ark</p>
          </div>
          <div class="txt cf">
            <div class="ls-school">
              <dl>
                <dt>OHV</dt>
                <dd><a href="#" title="Aanmaken &amp; bewerken">Aanmaken &amp; bewerken</a> <span>(5 scholen)</span></dd>
              </dl>
              <dl>
                <dt>OWB</dt>
                <dd><a href="#" title="Indienen">Indienen</a> <span>(1 school)</span></dd>
              </dl>
              <dl>
                <dt>BO</dt>
                <dd><a href="#" title="Aanmaken &amp; bewerken">Aanmaken &amp; bewerken</a> <span>(5 scholen)</span></dd>
              </dl>
            </div>
          </div>
        </article>
      </div>
      <!-- table off -->
      <!-- action on -->
      <div class="bl-pr-action bl-pr-action-btm cf">
      	<ul class="bl-ls-toolbox">
          <li class="print"><a href="#" title="Printen">Printen</a></li>
          <li class="save"><a href="#" title="Downloaden">Downloaden</a></li>
        </ul>
      </div>
      <!-- action off -->
    </div>
  </div>
</div>
<!-- content off -->
<!-- footer on -->
<footer class="pg-foot">
	<div class="pg-inner cf">
  	<ul>
    	<li class="first">&copy; 2011-2012 Onderwijsloket Den Haag</li>
      <li><a href="#" title="Privacy statement">Privacy statement</a></li>
      <li><a href="#" title="Gebruiksvoorwaarden">Gebruiksvoorwaarden</a></li>
      <li><a href="#" title="Contact">Contact</a></li>
      <li><a href="#" title="Help">Help</a></li>
    </ul>
  </div>
</footer>
<!-- footer off -->
</div>
<script src="js/jq.core.js"></script>
<script src="js/jq.function.js"></script>
</body>
</html>